// 变量
// 来源于Bootstrap源码，覆盖了部分Bootstrap的设置
// ===================== 媒体查询 =====================
$container-max-widths: (
    sm: 540px,
    md: 720px,
    lg: 940px,
    xl: 1140px,
    xxl: 1320px,
    xxxl: 1500px
) !default;

$grid-breakpoints: $e-grid-breakpoints !default;

// ===================== Grid columns =====================
$grid-gutter-width: 20px !default;

// ===================== 圆角 =====================
// 是否开启
$enable-rounded: $e-enable-rounded !default;
// 此处为默认设置，未做修改，只为方便自定义所以放到这里
$border-radius: .25rem !default;
$border-radius-lg: .3rem !default;
$border-radius-sm: .2rem !default;

// ===================== 状态色 =====================
$primary: e-get($e-state-colors, primary, base) !default;
$secondary: #e1e1ef !default;
$success: e-get($e-state-colors, success, base) !default;
$info: e-get($e-state-colors, info, base) !default;
$warning: e-get($e-state-colors, warning, base) !default;
$danger: e-get($e-state-colors, danger, base) !default;
$light: e-get($e-state-colors, light, base) !default;
$dark: e-get($e-state-colors, dark, base) !default;
$theme-colors: (
        "primary": $primary,
        "secondary": $secondary,
        "success": $success,
        "info": $info,
        "warning": $warning,
        "danger": $danger,
        "light": $light,
        "dark": $dark
);

// ===================== Button 按钮 =====================
// 按钮
$btn-font-weight: normal !default;
$btn-secondary-color: e-base-color(label, 3) !default;
$btn-secondary-hover-bg-color: #f4f5f8 !default;

// 立体按钮
$btn-elevate-shadow-1: 0px 0 11px 0 rgba(56, 36, 99, .08);
$btn-elevate-shadow-1-hover: 0px 0 22px 0 rgba(56, 36, 99, .11);
$btn-elevate-shadow-2: 0px 0 11px 0 rgba(56, 36, 99, .10);
$btn-elevate-shadow-2-hover: 0px 0 22px 0 rgba(56, 36, 99, .13);
$btn-elevate-shadow-3: 0px 0 11px 0 rgba(56, 36, 99, .12);
$btn-elevate-shadow-3-hover: 0px 0 22px 0 rgba(56, 36, 99, .15);

// ===================== Input 输入框 =====================
$line-height-lg:              1.75;
$line-height-sm:              1.25;

$input-plaintext-color: e-base-color(label, 3) !default;
$input-placeholder-color: e-base-color(label, 2) !default;
$input-border-radius: $e-border-radius !default;
$input-btn-padding-y: .45rem;
$input-btn-padding-x: 1rem;
$input-btn-line-height: 1.5;

$input-btn-padding-y-sm: .3rem;
$input-btn-padding-x-sm: 0.8rem;
$input-btn-line-height-sm: 1.3;

$input-btn-padding-y-lg: .55rem;
$input-btn-padding-x-lg: 1.4rem;
$input-btn-line-height-lg: 1.5;

$input-border-color: e-base-color(grey, 3) !default;
$input-focus-border-color: lighten(e-state-color(brand, base), 12%);
$input-disabled-bg: e-base-color(grey, 1) !default;
$input-readonly-bg: e-base-color(grey, 1) !default;
$input-group-icon-color: e-base-color(label, 2) !default;

$input-group-addon-color: e-base-color(label, 2) !default;
$input-group-addon-bg: e-base-color(grey, 1) !default;

// ===================== Table =====================
$table-bg: transparent !default;
$table-accent-bg: lighten(#f4f5f8, 1%);
$table-hover-bg: lighten(#f4f5f8, 2%);
$table-active-bg: e-state-color(primary, base);

$table-border-color: e-base-color(grey, 2);

$table-head-bg: e-base-color(grey, 2);
$table-head-color: e-base-color(label, 3);

// ===================== Card 卡片，也就是以前Bootstrap 3的Panel 面板 =====================
$card-border-color: e-base-color(grey, 2) !default;
$card-cap-bg: e-base-color(grey, 1) !default;

// ===================== List group 列表 =====================
$list-group-border-color: e-base-color(grey, 2) !default;
$list-group-hover-bg: e-base-color(grey, 2) !default;

// ===================== Modal 模态框 =====================
$modal-inner-padding: 1.25rem !default;
$modal-header-padding: 1.25rem !default;

$modal-content-border-color: e-base-color(grey, 2) !default;
$modal-content-box-shadow-xs: 0 .25rem .5rem rgba(e-base-color(grey, 2), .5) !default;
$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba(e-base-color(grey, 2), .5) !default;

$modal-header-border-color: e-base-color(grey, 2) !default;
$modal-footer-border-color: e-base-color(grey, 2) !default;

// ===================== Pagination 分页  =====================
$pagination-color: e-state-color(brand, base) !default;
$pagination-border-color: e-base-color(grey, 2) !default;

$pagination-hover-bg: e-base-color(grey, 2) !default;
$pagination-hover-border-color: e-base-color(grey, 2) !default;

$pagination-disabled-border-color: e-base-color(grey, 2) !default;

// ===================== Popovers 气泡卡片 =====================
$popover-font-size: .9rem !default;
$popover-max-width: 276px !default;
$popover-border-width: 1px !default;
$popover-border-color: #fff !default;
$popover-border-radius: 3px !default;
$popover-box-shadow: 0px 0 20px 0 rgba(0, 0, 0, .15) !default;

$popover-header-bg: #fff !default;
$popover-header-color: e-base-color(label, 3) !default;
$popover-header-padding-y: 1rem !default;
$popover-header-padding-x: 1.25rem !default;

$popover-body-color: e-base-color(label, 2) !default;

// ===================== Tooltips 文字提示 =====================
$tooltip-font-size: .9rem !default;
$tooltip-max-width: 200px !default;
$tooltip-color: e-base-color(label, 3) !default;
$tooltip-bg: #fff !default;
$tooltip-border-radius: 3px !default;
$tooltip-opacity: 1 !default;
$tooltip-padding-y: .75rem !default;
$tooltip-padding-x: 1rem !default;
$tooltip-margin: 0 !default;

// ===================== Toasts 弹出提示，类似于Mac通知  =====================
$toast-zindex: $e-dropdown-z-index + 100 !default;
$toast-spacing: 2rem !default;
$toast-width: 350px !default;
$toast-box-shadow: $e-dropdown-shadow !default;

$toast-header-color: e-base-color(label, 3) !default;
$toast-header-background-color: #fff !default;
$toast-header-border-color: e-base-color(grey, 2) !default;

// ===================== Dropdown 下拉 =====================
$dropdown-box-shadow: $e-dropdown-shadow !default;
$zindex-dropdown: $e-dropdown-z-index !default;

$dropdown-link-color: e-base-color(label, 2) !default;
$dropdown-link-hover-color: e-base-color(label, 3) !default;
$dropdown-link-hover-bg: e-base-color(grey, 1) !default;

$dropdown-link-active-color: e-brand-color(inverse) !default;
$dropdown-link-active-bg: e-brand-color() !default;

$dropdown-link-disabled-color: e-base-color(label, 1) !default;

$dropdown-header-color: e-base-color(label, 2) !default;

// ===================== Text muted =====================
$text-muted: e-base-color(label, 2) !default;

// ===================== Badges 徽章 =====================
$badge-padding-y: .5em !default;
$badge-padding-x: .75em !default;
$badge-font-size: 85% !default;